<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			.container{
				box-sizing: border-box;
				width: 750px;
				height: 340px;
				border: solid 1px gray;
				position: relative;
			}
			
			.imgs img{
				width:750px;
				min-height: 340px;;
			}
			
			.container .dot{
				position: absolute;
				right: 10px;
				bottom: 10px;;
			}
			.container .dot span{
				width: 18px;
				height: 18px;
				display: inline-block;
				text-align: center;
				line-height: 18px;
				background-color: black;
				color:#FFF ;
			}
		</style>
	</head>
	<body>
	
	
		
		<div class="container">
			<div class="imgs" >
				<img src="https://img1.youlu.net/pic/flash/202103040857425742.jpg" />
				<!-- <img src="http://www.youlu.net/blog/260.html" /> -->
			</div>
			<div class="dot">
				<span>1</span>
				<span>1</span>
				<span>1</span>
				<span>1</span>
				<span>1</span>
				<span>1</span>
			</div>
			
		</div>
	
	




	</body>
</html>
